<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<section class="content-header">
	<h1>
		组织机构管理<small>系统管理</small>
	</h1>
	<ol class="breadcrumb">
		<li><a href="#"><i class="fa fa-dashboard"></i> 主页</a></li>
		<li><a href="#">系统管理</a></li>
		<li class="active">组织机构管理</li>
	</ol>
</section>
<section class="content">
    <div class="box">
        <div class="box-body no-padding">
            <div class="row frame-left-right">
                <div  class="col-md-3 frame-left">
                	<div class="frame-left-nav" id="org-tree"></div>
                	<div class="frame-left-collapse">
                		<img src="${pageContext.request.contextPath}/images/collapse-left.png" >
                	</div>
                </div>
                <div id="user-list" class="col-md-9 frame-right" style="padding-left: 0px;">
                </div>
            </div>
        </div>
    </div>
</section>
<script>
	$(function() {
		frameLR.init();

		//加载组织机构树
		$.post('${pageContext.request.contextPath}/user/dept!treeList.action?callback=ztreeClick', function(data){
			$('#org-tree').append(data);
		});

		//加载用户列表
		$.post('${pageContext.request.contextPath}/user/user!list.action',function(data){
			$('#user-list').append(data);
		});
	});
</script>